<!-- 首页 -->
<template>
    <div class="img_box">
        <czh-navbar />
        <czh-headimg />
        <div class="container maginBottom">
            <el-row :gutter="30">
                <el-col id="myElement" :sm="24" :md="6" >
                    <el-row class="righttop"><czh-righttop/></el-row>
                    <el-row><czh-rightlist /></el-row>
                </el-col>
                <el-col :sm="24" :md="18" >
                    <czh-articlelist />
                </el-col>
            </el-row>
        </div>
        <czh-footer/>
    </div>
</template>
<script>
import header from '../components/header.vue'
import headimg from '../components/headimg.vue'
import articlelist from '../components/articlelist.vue'
import rightlist from '../components/rightlist.vue'
import rightlisttop from '../components/rightlisttop.vue'
import  footer  from '../components/footer.vue'
export default {
    name: 'Home',
    components: { //定义组件
        'czh-navbar': header,
        'czh-articlelist': articlelist,
        'czh-rightlist': rightlist,
        'czh-righttop':rightlisttop,
        'czh-footer':footer,
        'czh-headimg':headimg
    },

    data() {
        return {

        }
    },
    computed: {
       
},
    methods: {
    },
    mounted() {
        
    },
    beforeDestroy() {
    },
}
</script>
<style>
.righttop{
    position: relative;
    margin-bottom: 20px;
}
/* .img_box{
    background: linear-gradient(45deg, #0095c2, #61dcc4);  
} */
</style>
